<template>
  <div>
    dashboard
    <ElButton @click="doClick">测试</ElButton>
    <div i-ant-design:apple-filled icon></div>

    <SvgIcon icon-name="ant-design:apple-filled" @click="doClick"></SvgIcon>
    <SvgIcon
      icon-name="material-symbols-light:10k"
      :custom-class="customClass"
      @click="doClick"
    ></SvgIcon>
    <SvgIcon
      icon-name="https://zishui.oss-cn-beijing.aliyuncs.com/BugFilled.svg"
      custom-class="text-green-300"
      @click="doClick"
    ></SvgIcon>
    <ElDatePicker></ElDatePicker>
  </div>
</template>

<script lang="ts" setup>
// import { ElMessage } from "element-plus";
const { proxy } = getCurrentInstance()!;

const doClick = () => {
  console.log("点击了我了");
  // ElMessage("this is a message");
  proxy?.$message("this is a message");
};

const customClass = ref("text-yellow-300 w-2em h-2em");
setTimeout(() => {
  customClass.value = "text-blue-300 w-2em h-2em";
}, 1000);

const num = ref(0);
console.log(num, num.value);
</script>
